Memasang Kalender Style Unik

By:

Mendianx | pada:24-04-29,13:57

Buat wiget kalender keren ini cuman disini...dan sesuaikan tampilan motif warna latar belakang dan stylenya..!

Preview:

Copy Code:

<script LANGUAGE="JavaScript">
<!-- Begin
monthnames = new Array(
"Januari",
"Februari",
"Maret",
"April",
"Mei",
"Juni",
"Juli",
"Agustus",
"September",
"Oktober",
"November",
"Desember");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0) 
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<table widht=100% border=1 bgcolor= ");
document.write("bordercolor= ");
document.write("<tr><td colspan=7><font color=><center><h1 style=background-color:>" 
+ monthnames[thismonth] + " " + thisyear 
+ "</h1></center></font></td></tr>");
document.write("<tr>");
document.write("<td style=background-color:red><b><font color=white>Min<br/>ggu</font></b></td>");
document.write("<td style=background-color:><b><font color=>Senin</font></b></td>");
document.write("<td style=background-color:><b><font color=>Selasa</font></b></td>");
document.write("<td style=background-color:><b><font color=>Rabu</font></b></td>");
document.write("<td style=background-color:><b><font color=>Kamis</font></b></td>");
document.write("<td style=background-color:><b><font color=>Jum<br/>'at</font></b></td>");
document.write("<td style=background-color:><b><font color=>Sabtu</font></b></td>"); 
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td> </td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td><center><font color=>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
      }
   }
}
if (count==thisdate) {
document.write("<div style='background-color:;color:'><strong>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</strong></div>");
}
if (linktrue)
document.write("</a>");
document.write("</font></center></td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table></p>");
// End -->
</script>

Latar belakang:
Border warna:
Warna bulan:	Latar:
Warna hari:	Latar:
Warna tanggal:
Active:	Latar:

Memasang Kalender Style Unik

Navigasi